<template>
  <div class="model-upload">
    <div class="logo">
      <img src="../../../static/image/logo.png">
    </div>
      <Upload
        multiple
        type="drag"
        action="//jsonplaceholder.typicode.com/posts/">
        <div class="text" >
          <Icon type="ios-cloud-upload" size="100" style="color:deepskyblue"></Icon>
          <p>拖拽到这里上传</p>
        </div>
      </Upload>
  </div>
</template>

<script>
  export default {
    name: 'model-upload',
    components: {},
    data() {
      return {

      }
    },
    methods: {
      testFunc: function () {
        console.log('testFunc')
      }
    },
    created() {
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped type="text/stylus">
  @import '~@/common/stylus/variable.styl'
  .model-upload {
    width 100%
    height 100%
    overflow hidden
    .logo {
      width 100%
      img {
        display block;
        width 300px;
        position relative
      }
    }
    .text{
      padding: 120px 60px
    }
  }
</style>
